$(function () {

    // 记录当前页
    var currentPage = 1;

    // 一页5条
    var pageSize = 5;


    var total = null;

    // 首页数据渲染
    function render() {
        $.ajax({
            type: 'get',
            url: '/user/queryUser',
            data: {
                page: currentPage,
                pageSize: pageSize,
            },
            dataType: 'json',
            success: function (res) {
                console.log(res)
                // 渲染
                $('tbody').html(template('tmp', res));

                setPage(res.total)
            }
        })
    }
    render();



    // 禁用启用功能
    // 点击禁用/启用按钮，弹出模态框，获取当前数据的id，获取要进行操作
    // 当用户点击确定操作按钮，向后台发送请求，根据id对用户进行禁用获取启用
    // 后台操作完成后，前段重新渲染，看到操作结果
    var id = null;
    var isDelete = null;

    $('tbody').on('click', '.btn-exec', function () {
        // id = $(this).parent().attr('data-id')

        // data() jQuery提供 用于获取data-开头的自定义属性
        id = $(this).parent().data('id')

        isDelete = $(this).hasClass('btn-success') ? 1 : 0;

    })

    $('.btn-ok').click(function () {
        $.ajax({
            type: 'post',
            url: '/user/updateUser',
            data: {
                id: id,
                isDelete: isDelete
            },
            dataType: 'json',
            success: function (res) {
                console.log(res)

                // 重新渲染一下
                render()

                // 隐藏模态框
                $('.modal-user').modal('hide');
            }
        })
    })




    // 分页功能
    //生成一个封装分页的方法
    function setPage(total) {
        $("#paginator").bootstrapPaginator({
            // 默认是2，div父盒子，如果是bootstrap3版本，这个参数必填
            bootstrapMajorVersion: 3,

            // 默认高亮的分页按钮
            currentPage: currentPage,

            // 总页数
            totalPages: Math.ceil(total / pageSize),


            onPageClicked: function (event, originalEvent, type, page) {
                // 为按钮绑定点击事件，page：当前点击的按钮值
                console.log('page',page)
                currentPage = page;
                render();
            }
        })
    }



})